<template>
  <div class="small">
    <img src="@/assets/img/smallbdg.png">
    <div class="math" @click="jumpCource(6)"></div>
    <div class="chinese" @click="jumpCource(7)"></div>
  </div>
</template>

<script>
export default {
  methods: {
    jumpCource(type){
      this.$router.push({
        path:'/course',
        query:{
            type:type
        }
      })
    }
  },
}
</script>

<style lang="scss" scoped>
.small{
  position: relative;
  .math{
      position: absolute;
      top: 8.3rem;
      height: 3.75rem;
      width: 2.8rem;
      left: .8rem;
  }
  .chinese{
      position: absolute;
      top: 8.3rem;
      height: 3.75rem;
      width: 2.8rem;
      left: 3.9rem;
  }
}
</style>